<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录成功</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#0CB07B',
                        neutral: '#F5F7FA',
                        dark: '#1D2129',
                        light: '#FFFFFF',
                        success: '#52c41a',
                        warning: '#faad14',
                        danger: '#ff4d4f',
                        'gray-light': '#f0f2f5',
                        'gray-medium': '#d9d9d9',
                        'gray-dark': '#8c8c8c'
                    },
                    fontFamily: {
                        inter: ['Inter', 'system-ui', 'sans-serif'],
                    },
                    boxShadow: {
                        'card': '0 4px 20px rgba(0, 0, 0, 0.08)',
                        'button': '0 4px 12px rgba(22, 93, 255, 0.2)',
                    }
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .btn-hover {
                transition: all 0.3s ease;
            }
            .btn-hover:hover {
                transform: translateY(-2px);
                box-shadow: 0 4px 12px rgba(22, 93, 255, 0.2);
            }
            .nav-item {
                @apply text-gray-700 hover:text-primary transition-colors duration-300;
            }
            .nav-item-active {
                @apply text-primary font-medium;
            }
            .form-input {
                @apply w-full px-4 py-2 border border-gray-medium rounded-md focus:outline-none focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all;
            }
            .card {
                @apply bg-white rounded-lg shadow-card p-4 mb-4;
            }
            .modal-content {
                @apply bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto transform transition-all duration-300 scale-95 opacity-0;
            }
            .modal.active .modal-content {
                @apply scale-100 opacity-100;
            }

            body {
            background-image: url('/images/background.jpg'); /* 假设图片放在public/images目录下 */
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            background-repeat: no-repeat;
            z-index: -1;  /* 确保低于内容层级 */
        }

            body::before {
                display:none;
            }

        }
    /* 添加下拉菜单样式 */
    #user-dropdown{
        border: 1px solid #e5e7eb;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    #user-dropdown a:hover{
        background-color: #f9fafb;
    }
        /* 模态框基础样式 */
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    .modal.active {
        opacity: 1;
        visibility: visible;
        display: flex;
    }
    
    .modal-content {
        background: white;
        border-radius: 12px;
        box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
        width: 90%;
        max-width: 600px;
        max-height: 90vh;
        overflow-y: auto;
        transform: translateY(20px);
        transition: all 0.3s ease;
    }
    
    
    .modal.active .modal-content {
        transform: translateY(0);
    }
    
    .modal-header {
        padding: 20px;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    
    .modal-title {
        font-size: 1.25rem;
        font-weight: 600;
        color: #2c3e50;
        margin: 0;
    }
    
    .close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 1.5rem;
        color: #7f8c8d;
        cursor: pointer;
        background: none;
        border: none;
    }
    
    .close:hover {
        color: #2c3e50;
    }
    
    .modal-body {
        padding: 20px;
    }
    
    .modal-footer {
        padding: 20px;
        border-top: 1px solid #eee;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        flex-shrink: 0;
    }
    
    /* 在现有的style部分添加以下内容 */
#chapterList {
    padding: 0;
    margin: 0;
}

#chapterList .course-box {
    margin: 0;
    padding: 16px;
    border-bottom: 1px solid #eee;
}

#chapterList .course-box:last-child {
    border-bottom: none;
}

#chapterList .course-box h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1.1rem;
    color: #2c3e50;
}

#chapterList .course-box p {
    margin: 0;
    color: #7f8c8d;
    font-size: 0.9rem;
}

.no-content-message {
    text-align: center;
    color: #95a5a6;
    padding: 20px;
}
    /* 响应式调整 */
    @media (max-width: 640px) {
        .modal-content {
            width: 95%;
        }
    }
    /* 确保按钮可见 */
#viewResourcesModal button {
    position: relative;
    z-index: 10;
}
/* 修复模态框空白问题 */
#viewChaptersModal .modal-body {
    padding: 0 !important; /* 移除内边距 */
    margin: 0 !important; /* 移除外边距 */
}

#viewChaptersModal .course-box {
    margin: 0 !important;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
}

#viewChaptersModal .course-box:first-child {
    margin-top: 0 !important;
}

#viewChaptersModal .course-box h3 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #333 !important;
}
    </style>
</head>

<body class="bg-gray-light font-inter text-dark min-h-screen flex flex-col">
    <!-- 顶部导航栏 -->
    <header class="bg-primary text-white shadow-sm sticky top-0 z-50">
        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
            <div class="flex items-center space-x-2">
                <i class="fa-solid fa-book-open text-white text-2xl"></i>
                <h1 class="text-xl font-bold text-white">软课程管理平台</h1>
            </div>
            <nav>
                <ul class="flex space-x-6 items-center">
                    <li><a href="#" class="text-white hover:text-neutral-200 transition-colors duration-300">首页</a></li>
                </ul>
            </nav>
            <div class="flex items-center space-x-3">
                <!-- 修改开始：添加用户信息容器 -->
                <div id="user-info-container" class="hidden text-right mr-2">
                    <div id="user-name" class="font-medium text-white"></div>
                    <div id="student-id" class="text-xs text-white/80"></div>
                </div>
                <!-- 头像区域（添加下拉菜单） -->
                <div class="relative">
                    <a href="#" id="user-avatar" class="text-white hover:text-neutral-200 transition-colors duration-300">
                        <i class="fa-solid fa-user-circle text-xl"></i>
                    </a>
                    
                    <!-- 下拉菜单 -->
                    <div id="user-dropdown" class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50 hidden">
                        <a href="#" onclick="editProfile()" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                            <i class="fas fa-user-edit mr-2"></i>编辑个人资料
                        </a>
                        <a href="#" onclick="logout()" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                            <i class="fas fa-sign-out-alt mr-2"></i>退出登录
                        </a>
                    </div>
                </div>
            </div>
    </header>

    <!-- 主内容区 -->
    <main class="flex-grow container mx-auto px-4 py-6">
        <!-- 优化后的主内容区 -->
<div class="relative rounded-xl shadow-md p-6 mb-6 overflow-hidden">

    <!-- 渐变背景层 -->
    <div class="absolute inset-0 bg-gradient-to-r from-blue-500/50 to-purple-500/50 z-0"></div>
    
    <!-- 装饰性元素 -->
    <div class="absolute top-0 right-0 w-32 h-32 rounded-full bg-primary/5 blur-xl -mr-10 -mt-10"></div>
    
    <!-- 内容容器 -->
    <div class="relative z-10">
        <!-- 标题区域 -->
        <div class="flex items-start space-x-3">
            <div class="flex-shrink-0 p-2 bg-primary/10 rounded-full text-primary">
                <i class="fas fa-check-circle text-green-300"></i>
            </div>
            <div>
                <h1 class="text-2xl font-bold text-white mb-2 flex items-center">
                    欢迎，你已成功登录！
                    <span class="ml-2 text-sm bg-green-100 text-green-800 px-2 py-0.5 rounded-full flex items-center">
                        <i class="fas fa-shield-alt text-xs mr-1"></i>安全认证
                    </span>
                </h1>
                <div class="flex items-center text-white">
                    <i class="far fa-calendar-alt mr-2 text-whitesmoke"></i>
                    <span>今天是 <span id="current-date" class="font-medium">2025年5月31日</span></span>
                    <span class="mx-2 text-white">|</span>
                </div>
            </div>
        </div>
        
        <!-- 状态卡片 -->
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-6">
            <!-- 课程数量卡片 -->
            <div class="bg-white/80 backdrop-blur-sm rounded-lg p-4 border border-gray-100 shadow-sm">
                <div class="flex items-center space-x-3">
                    <div class="p-2 bg-blue-100 rounded-lg text-blue-600">
                        <i class="fas fa-book-open"></i>
                    </div>
                    <div>
                        <p class="text-sm text-gray-500">课程数量</p>
                        <p class="text-lg font-semibold" id="course-count">0</p>
                    </div>
                </div>
            </div>
            
            <!-- 资源数量卡片 -->
            <div class="bg-white/80 backdrop-blur-sm rounded-lg p-4 border border-gray-100 shadow-sm">
                <div class="flex items-center space-x-3">
                    <div class="p-2 bg-green-100 rounded-lg text-green-600">
                        <i class="fas fa-tasks"></i>
                    </div>
                    <div>
                        <p class="text-sm text-gray-500">资源数量</p>
                        <p class="text-lg font-semibold" id="resource-count">0</p>
                    </div>
                </div>
            </div>
            
            <!-- 练习数量卡片 -->
            <div class="bg-white/80 backdrop-blur-sm rounded-lg p-4 border border-gray-100 shadow-sm">
                <div class="flex items-center space-x-3">
                    <div class="p-2 bg-purple-100 rounded-lg text-purple-600">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <div>
                        <p class="text-sm text-gray-500">练习数量</p>
                        <p class="text-lg font-semibold" id="practice-count">0</p>
                    </div>
                </div>
            </div>
            
            <!-- 用户数量卡片 -->
            <div class="bg-white/80 backdrop-blur-sm rounded-lg p-4 border border-gray-100 shadow-sm">
                <div class="flex items-center space-x-3">
                    <div class="p-2 bg-yellow-100 rounded-lg text-yellow-600">
                        <i class="fas fa-bell"></i>
                    </div>
                    <div>
                        <p class="text-sm text-gray-500">注册用户数</p>
                        <p class="text-lg font-semibold" id="user-count">0</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

        <!-- 功能按钮区域 -->
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
            <!-- 编辑个人资料 -->
            <button onclick="editProfile()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-blue-50 to-blue-100 hover:from-blue-100 hover:to-blue-200 transition-all duration-300 rounded-xl border border-blue-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-blue-100/80 flex items-center justify-center text-blue-600 group-hover:bg-blue-200/80 transition-colors">
                    <i class="fa fa-user-circle text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-blue-800 group-hover:text-blue-900 transition-colors">编辑个人资料</h3>
                    <p class="text-sm text-blue-600/80 group-hover:text-blue-700/80 transition-colors">修改个人信息和设置</p>
                </div>
            </button>
        
            <!-- 退出登录 -->
            <button onclick="logout()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-red-50 to-red-100 hover:from-red-100 hover:to-red-200 transition-all duration-300 rounded-xl border border-red-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-red-100/80 flex items-center justify-center text-red-600 group-hover:bg-red-200/80 transition-colors">
                    <i class="fa fa-sign-out text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-red-800 group-hover:text-red-900 transition-colors">退出登录</h3>
                    <p class="text-sm text-red-600/80 group-hover:text-red-700/80 transition-colors">安全退出当前账号</p>
                </div>
            </button>
        
            <!-- 创建课程 -->
            <button id="createCourseButton" onclick="createCourse()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 transition-all duration-300 rounded-xl border border-purple-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-purple-100/80 flex items-center justify-center text-purple-600 group-hover:bg-purple-200/80 transition-colors">
                    <i class="fa fa-plus-circle text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-purple-800 group-hover:text-purple-900 transition-colors">创建课程</h3>
                    <p class="text-sm text-purple-600/80 group-hover:text-purple-700/80 transition-colors">发布新的课程内容</p>
                </div>
            </button>
        
            <!-- 查看课程 -->
            <button id="viewCoursesButton" onclick="viewCourses()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-indigo-50 to-indigo-100 hover:from-indigo-100 hover:to-indigo-200 transition-all duration-300 rounded-xl border border-indigo-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-indigo-100/80 flex items-center justify-center text-indigo-600 group-hover:bg-indigo-200/80 transition-colors">
                    <i class="fa fa-list-alt text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-indigo-800 group-hover:text-indigo-900 transition-colors">查看课程</h3>
                    <p class="text-sm text-indigo-600/80 group-hover:text-indigo-700/80 transition-colors">浏览所有可用课程</p>
                </div>
            </button>
        
            <!-- 查看课表 -->
            <button id="viewCourseScheduleButton" onclick="viewCourseSchedule()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-green-50 to-green-100 hover:from-green-100 hover:to-green-200 transition-all duration-300 rounded-xl border border-green-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-green-100/80 flex items-center justify-center text-green-600 group-hover:bg-green-200/80 transition-colors">
                    <i class="fa fa-calendar text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-green-800 group-hover:text-green-900 transition-colors">查看课表</h3>
                    <p class="text-sm text-green-600/80 group-hover:text-green-700/80 transition-colors">查看课程安排和时间</p>
                </div>
            </button>
        
            <!-- 创建班级 -->
            <button id="createClassButton" onclick="createClass()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-amber-50 to-amber-100 hover:from-amber-100 hover:to-amber-200 transition-all duration-300 rounded-xl border border-amber-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-amber-100/80 flex items-center justify-center text-amber-600 group-hover:bg-amber-200/80 transition-colors">
                    <i class="fa fa-users text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-amber-800 group-hover:text-amber-900 transition-colors">创建班级</h3>
                    <p class="text-sm text-amber-600/80 group-hover:text-amber-700/80 transition-colors">建立新的学习班级</p>
                </div>
            </button>
        
            <!-- 其他按钮保持相同模式 -->
            <!-- 加入班级 -->
            <button id="joinClassButton" onclick="joinClass()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-teal-50 to-teal-100 hover:from-teal-100 hover:to-teal-200 transition-all duration-300 rounded-xl border border-teal-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-teal-100/80 flex items-center justify-center text-teal-600 group-hover:bg-teal-200/80 transition-colors">
                    <i class="fa fa-user-plus text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-teal-800 group-hover:text-teal-900 transition-colors">加入班级</h3>
                    <p class="text-sm text-teal-600/80 group-hover:text-teal-700/80 transition-colors">通过班级编号加入班级</p>
                </div>
            </button>
        
            <!-- 班级管理 -->
            <button id="manageClassesButton" onclick="manageClasses()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-gray-50 to-gray-100 hover:from-gray-100 hover:to-gray-200 transition-all duration-300 rounded-xl border border-gray-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-gray-100/80 flex items-center justify-center text-gray-600 group-hover:bg-gray-200/80 transition-colors">
                    <i class="fa fa-cog text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-gray-800 group-hover:text-gray-900 transition-colors">班级管理</h3>
                    <p class="text-sm text-gray-600/80 group-hover:text-gray-700/80 transition-colors">管理和查看班级信息</p>
                </div>
            </button>
        
            <!-- 查看代码行数 -->
            <button id="viewCodeLinesButton" onclick="openCodeLinesModal()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-violet-50 to-violet-100 hover:from-violet-100 hover:to-violet-200 transition-all duration-300 rounded-xl border border-violet-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-violet-100/80 flex items-center justify-center text-violet-600 group-hover:bg-violet-200/80 transition-colors">
                    <i class="fa fa-code text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-violet-800 group-hover:text-violet-900 transition-colors">查看代码行数</h3>
                    <p class="text-sm text-violet-600/80 group-hover:text-violet-700/80 transition-colors">统计和查看代码量</p>
                </div>
            </button>
        
            <!-- 在线练习 -->
            <button id="onlinePracticeButton" onclick="enterOnlinePractice()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-sky-50 to-sky-100 hover:from-sky-100 hover:to-sky-200 transition-all duration-300 rounded-xl border border-sky-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-sky-100/80 flex items-center justify-center text-sky-600 group-hover:bg-sky-200/80 transition-colors">
                    <i class="fa fa-pencil text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-sky-800 group-hover:text-sky-900 transition-colors">在线练习</h3>
                    <p class="text-sm text-sky-600/80 group-hover:text-sky-700/80 transition-colors">创建或查看练习内容</p>
                </div>
            </button>
        
            <!-- 做练习 -->
            <button id="todoPracticeButton" onclick="entertoDoPractice()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-emerald-50 to-emerald-100 hover:from-emerald-100 hover:to-emerald-200 transition-all duration-300 rounded-xl border border-emerald-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-emerald-100/80 flex items-center justify-center text-emerald-600 group-hover:bg-emerald-200/80 transition-colors">
                    <i class="fa fa-tasks text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-emerald-800 group-hover:text-emerald-900 transition-colors">做练习</h3>
                    <p class="text-sm text-emerald-600/80 group-hover:text-emerald-700/80 transition-colors">完成布置的练习任务</p>
                </div>
            </button>
        
            <!-- 学习轨迹 -->
            <button id="learnTrackButton" onclick="openLearnTrack()" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-pink-50 to-pink-100 hover:from-pink-100 hover:to-pink-200 transition-all duration-300 rounded-xl border border-pink-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-pink-100/80 flex items-center justify-center text-pink-600 group-hover:bg-pink-200/80 transition-colors">
                    <i class="fa fa-line-chart text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-pink-800 group-hover:text-pink-900 transition-colors">学习轨迹</h3>
                    <p class="text-sm text-pink-600/80 group-hover:text-pink-700/80 transition-colors">查看个人学习进度</p>
                </div>
            </button>
        
            <!-- 助教管理 -->
            <button id="tutorManageButton" class="card group flex items-center space-x-4 p-5 bg-gradient-to-br from-cyan-50 to-cyan-100 hover:from-cyan-100 hover:to-cyan-200 transition-all duration-300 rounded-xl border border-cyan-100 shadow-sm">
                <div class="w-14 h-14 rounded-full bg-cyan-100/80 flex items-center justify-center text-cyan-600 group-hover:bg-cyan-200/80 transition-colors">
                    <i class="fas fa-users-cog text-xl"></i>
                </div>
                <div>
                    <h3 class="font-semibold text-cyan-800 group-hover:text-cyan-900 transition-colors">助教管理</h3>
                    <p class="text-sm text-cyan-600/80 group-hover:text-cyan-700/80 transition-colors">为您的课程添加或移除助教</p>
                </div>
            </button>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="bg-dark text-white py-8 mt-12">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div>
                    <h3 class="text-lg font-semibold mb-4">登陆成功页面</h3>
                    <p class="text-gray-400">您将在该页面进行软课程管理平台的相关操作。</p>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">联系我们</h3>
                    <ul class="space-y-2 text-gray-400">
                        <li><i class="fa-solid fa-envelope mr-2"></i> softclass-platform@qq.com</li>
                        <li><i class="fa-solid fa-phone mr-2"></i> 114-514-1919-810</li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-lg font-semibold mb-4">关注我们</h3>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300">
                            <i class="fa-brands fa-weixin text-xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300">
                            <i class="fa-brands fa-weibo text-xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300">
                            <i class="fa-brands fa-github text-xl"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
                <p>© 2025 软课程管理平台 版权所有</p>
            </div>
        </div>
    </footer>

    <!-- 模态框 -->
    <!-- 创建课程模态框 -->
    <div id="createCourseModal" class="fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="absolute inset-0 bg-black/50"></div>
        <div class="relative rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 max-h-[90vh] overflow-y-auto"
             style="background: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(224, 231, 255, 0.95)); border: 1px solid rgba(99, 102, 241, 0.2); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);">
            <div class="flex justify-between items-center mb-4 sticky top-0 bg-white/80 backdrop-blur-sm z-10 py-2 rounded-lg px-4">
                <h2 class="text-xl font-semibold text-dark flex items-center">
                    <i class="fas fa-book mr-2 text-primary"></i>创建课程
                </h2>
                <button class="close text-2xl text-gray-600 hover:text-gray-900 transition-colors" onclick="closeCreateCourseModal()">&times;</button>
            </div>
            <form class="grid grid-cols-1 gap-5">
                <!-- 课程名称 -->
                <div class="relative">
                    <label for="courseName" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                        <i class="fas fa-bookmark mr-2 text-primary"></i>课程名称：
                    </label>
                    <div class="relative">
                        <i class="fas fa-pen absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                        <input type="text" id="courseName" placeholder="不能为空" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors">
                    </div>
                </div>
                
                <!-- 学分和学时 -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                    <div class="relative">
                        <label for="credits" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                            <i class="fas fa-star mr-2 text-yellow-500"></i>学分：
                        </label>
                        <div class="relative">
                            <i class="fas fa-hashtag absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                            <input type="number" id="credits" placeholder="0.5-5之间" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors">
                        </div>
                    </div>
                    <div class="relative">
                        <label for="study_period" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                            <i class="fas fa-clock mr-2 text-blue-500"></i>学时：
                        </label>
                        <div class="relative">
                            <i class="fas fa-hourglass-half absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                            <input type="number" id="study_period" placeholder="1-100整数" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors">
                        </div>
                    </div>
                </div>
                
                <!-- 地点和时间 -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                    <div class="relative">
                        <label for="place" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                            <i class="fas fa-map-marker-alt mr-2 text-red-500"></i>上课地点：
                        </label>
                        <div class="relative">
                            <i class="fas fa-location-dot absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                            <input type="text" id="place" placeholder="不能为空" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors">
                        </div>
                    </div>
                    <div class="relative">
                        <label for="course_time" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                            <i class="fas fa-calendar-alt mr-2 text-green-500"></i>上课时间：
                        </label>
                        <div class="relative">
                            <i class="fas fa-calendar-day absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                            <input type="text" id="course_time" placeholder="例:1_1-2" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors">
                        </div>
                    </div>
                </div>
                
                <!-- 上课周次 -->
                <div class="relative">
                    <label for="teach_weeks" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                        <i class="fas fa-calendar-week mr-2 text-purple-500"></i>上课周次：
                    </label>
                    <div class="relative">
                        <i class="fas fa-calendar-check absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                        <input type="text" id="teach_weeks" placeholder="例:1,4-5,7-8" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors">
                    </div>
                </div>
                
                <!-- 课程大纲 -->
                <div class="relative">
                    <label for="syllabus" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                        <i class="fas fa-file-alt mr-2 text-indigo-500"></i>课程大纲：
                    </label>
                    <div class="relative">
                        <i class="fas fa-file-signature absolute left-3 top-5 transform -translate-y-1/2 text-gray-400"></i>
                        <textarea id="syllabus" placeholder="不能为空" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" rows="2"></textarea>
                    </div>
                </div>
                
                <!-- 教学目标 -->
                <div class="relative">
                    <label for="teachingObjectives" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                        <i class="fas fa-bullseye mr-2 text-orange-500"></i>教学目标：
                    </label>
                    <div class="relative">
                        <i class="fas fa-tasks absolute left-3 top-5 transform -translate-y-1/2 text-gray-400"></i>
                        <textarea id="teachingObjectives" placeholder="不能为空" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" rows="2"></textarea>
                    </div>
                </div>
                
                <!-- 考核方式 -->
                <div class="relative">
                    <label for="assessmentMethod" class="block text-sm font-medium text-gray-dark mb-1 flex items-center">
                        <i class="fas fa-clipboard-check mr-2 text-teal-500"></i>考核方式：
                    </label>
                    <div class="relative">
                        <i class="fas fa-check-double absolute left-3 top-5 transform -translate-y-1/2 text-gray-400"></i>
                        <textarea id="assessmentMethod" placeholder="不能为空" class="w-full border border-gray-300 rounded-md p-2 pl-10 focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" rows="2"></textarea>
                    </div>
                </div>
                
                <input type="hidden" id="teacherUserId">
                
                <!-- 按钮组 -->
                <div class="flex justify-end space-x-3 mt-4">
                    <button type="button" onclick="closeCreateCourseModal()" class="px-4 py-2 border border-gray-medium rounded-md text-gray-dark hover:bg-gray-light transition-colors flex items-center">
                        <i class="fas fa-times mr-2"></i>取消
                    </button>
                    <button type="button" onclick="saveCourse()" class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors shadow-md hover:shadow-lg transform hover:-translate-y-0.5 flex items-center">
                        <i class="fas fa-save mr-2"></i>保存
                    </button>
                </div>
            </form>
        </div>
    </div>
    <!-- 查看课程模态框 -->
    <div id="viewCoursesModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div onclick="closeViewCoursesModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 scale-95 opacity-0">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold text-dark">所有课程</h2>
                <button class="close" onclick="closeViewCoursesModal()">&times;</button>
            </div>
            <div class="flex items-center mb-4">
                <label for="courseSearchInput" class="text-sm font-medium text-gray-dark mr-2">搜索：</label>
                <input type="text" id="courseSearchInput" placeholder="按课程编号搜索" class="form-input w-auto">
            </div>
            <div id="courseList" class="space-y-3 max-h-[400px] overflow-y-auto"></div>
            <div class="flex justify-end mt-6">
                <button id="backButton" onclick="closeViewCoursesModal()" class="px-4 py-2 bg-gray-light text-gray-dark rounded-md hover:bg-gray-200 transition-colors">返回</button>
            </div>
        </div>
    </div>

    <!-- 查看章节模态框 -->
    <div id="viewChaptersModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title">课程章节</h2>
                <button class="close" onclick="closeViewChaptersModal()">&times;</button>
            </div>
            <div class="modal-body">
                <div id="chapterList"></div>
            </div>
            <div class="modal-footer">
                <button onclick="closeViewChaptersModal()" class="px-4 py-2 bg-gray-200 text-gray-700 rounded-md hover:bg-gray-300 transition-colors">返回</button>
            </div>
        </div>
    </div>

    <!-- 新增章节模态框 -->
    <div id="addChapterModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeAddChapterModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 scale-95 opacity-0">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold text-dark">新增章节</h2>
                <button class="close" onclick="closeAddChapterModal()">&times;</button>
            </div>
            <form>
                <div class="mb-4">
                    <label for="chapterTitle" class="block text-sm font-medium text-gray-dark mb-1">章节标题：</label>
                    <input type="text" id="chapterTitle" placeholder="不能为空" class="form-input">
                </div>
                <div class="mb-4">
                    <label for="chapterContent" class="block text-sm font-medium text-gray-dark mb-1">章节内容：</label>
                    <textarea id="chapterContent" placeholder="不能为空" class="form-input" rows="3"></textarea>
                </div>
                <input type="hidden" id="courseCodeForChapter">
                <div class="flex justify-end space-x-3 mt-6">
                    <button type="button" onclick="closeAddChapterModal()" class="px-4 py-2 border border-gray-medium rounded-md text-gray-dark hover:bg-gray-light transition-colors">取消</button>
                    <button type="button" onclick="addNewChapter()" class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors">新增章节</button>
                </div>
            </form>
        </div>
    </div>

    <!-- 删除章节模态框 -->
    <div id="deleteChapterModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeDeleteChapterModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 scale-95 opacity-0">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold text-dark">删除章节</h2>
                <button class="close" onclick="closeDeleteChapterModal()">&times;</button>
            </div>
            <form>
                <div class="mb-4">
                    <label for="deleteChapterSelect" class="block text-sm font-medium text-gray-dark mb-1">选择要删除的章节：</label>
                    <select id="deleteChapterSelect" class="form-input"></select>
                </div>
                <div class="flex justify-end space-x-3 mt-6">
                    <button type="button" onclick="closeDeleteChapterModal()" class="px-4 py-2 border border-gray-medium rounded-md text-gray-dark hover:bg-gray-light transition-colors">取消</button>
                    <button type="button" onclick="deleteChapter()" class="px-4 py-2 bg-danger text-white rounded-md hover:bg-danger/90 transition-colors">删除</button>
                </div>
            </form>
        </div>
    </div>

    <!-- 上传资源模态框 -->
    <div id="uploadResourceModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeUploadResourceModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 scale-95 opacity-0">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold text-dark">上传资源</h2>
                <button class="close" onclick="closeUploadResourceModal()">&times;</button>
            </div>
            <form id="uploadResourceForm" enctype="multipart/form-data">
                <input type="hidden" id="uploadCourseCode" name="courseCode">
                <div class="mb-4">
                    <label for="resourceFile" class="block text-sm font-medium text-gray-dark mb-1">选择文件</label>
                    <input type="file" id="resourceFile" name="resource" class="form-input">
                </div>
                <div class="mb-4">
                    <label for="permission" class="block text-sm font-medium text-gray-dark mb-1">查看权限（班级编号，多个用逗号隔开，输入 all 表示所有班级可查看）</label>
                    <input type="text" id="permission" name="permission" class="form-input">
                </div>
                <div class="mb-4">
                    <label for="attachment" class="block text-sm font-medium text-gray-dark mb-1">资源依附</label>
                    <select id="attachment" name="attachment" class="form-input"></select>
                </div>
                <div class="mb-4">
                    <label for="belongChapter" class="block text-sm font-medium text-gray-dark mb-1">资源所属章节</label>
                    <select id="belongChapter" name="belongChapter" class="form-input"></select>
                </div>
                <div class="flex justify-end space-x-3 mt-6">
                    <button type="button" onclick="closeUploadResourceModal()" class="px-4 py-2 border border-gray-medium rounded-md text-gray-dark hover:bg-gray-light transition-colors">取消</button>
                    <button type="button" onclick="uploadResource()" class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors">确定</button>
                </div>
            </form>
        </div>
    </div>

    <div id="viewResourcesModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeViewResourcesModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto flex flex-col" style="max-height: 90vh;">
            <div class="modal-header sticky top-0 bg-white z-10 p-4 border-b border-gray-200">
                <h2 class="text-xl font-semibold text-dark">课程资源</h2>
                <button class="close absolute top-4 right-4 text-gray-500 hover:text-gray-700" onclick="closeViewResourcesModal()">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <div class="modal-body flex-1 overflow-y-auto p-4">
                <div class="flex flex-wrap gap-4 mb-4">
                    <!-- 筛选控件 -->
                </div>
                <ul id="resourceList" class="space-y-3"></ul>
            </div>
            <div class="modal-footer sticky bottom-0 bg-white p-4 border-t border-gray-200">
                <button onclick="closeViewResourcesModal()" class="px-4 py-2 bg-gray-100 text-gray-800 rounded-md hover:bg-gray-200 transition-colors">
                    返回
                </button>
            </div>
        </div>
    </div>

    <!-- 课程预览模态框 -->
    <div id="coursePreviewModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeCoursePreviewModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-xl max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 ease-out scale-95 opacity-0">
            <div class="flex justify-between items-center mb-6">
                <h2 class="text-2xl font-bold text-gray-800">课程预览</h2>
                <button class="close text-gray-500 hover:text-gray-700 text-2xl transition-colors" onclick="closeCoursePreviewModal()">&times;</button>
            </div>
            <div id="coursePreviewInfo" class="prose max-w-none"></div>
            <div class="flex justify-end mt-8">
                <button onclick="closeCoursePreviewModal()" class="px-5 py-2.5 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors duration-200 font-medium">
                    返回
                </button>
            </div>
        </div>
    </div>

    <!-- 创建班级模态框 -->
    <div id="createClassModal" class="fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="absolute inset-0 bg-black/50"></div>
        <div class="relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 max-h-[90vh] overflow-y-auto">
            <div class="flex justify-between items-center mb-4 sticky top-0 bg-white z-10 py-2">
                <h2 class="text-xl font-semibold text-dark">创建班级</h2>
                <button class="close text-2xl absolute top-4 right-6" onclick="closeCreateClassModal()">&times;</button>
            </div>
            <form class="grid grid-cols-1 gap-4">
                <div class="mb-4">
                    <label for="classCode" class="block text-sm font-medium text-gray-dark mb-1">班级编号：</label>
                    <input type="text" id="classCode" placeholder="不能为空" class="form-input">
                </div>
                <div class="mb-4">
                    <label for="className" class="block text-sm font-medium text-gray-dark mb-1">班级名称：</label>
                    <input type="text" id="className" placeholder="不能为空" class="form-input">
                </div>
                <input type="hidden" id="classCreatorId">
                <div class="flex justify-end space-x-3 mt-6">
                    <button type="button" onclick="closeCreateClassModal()" class="px-4 py-2 border border-gray-medium rounded-md text-gray-dark hover:bg-gray-light transition-colors">取消</button>
                    <button type="button" onclick="saveClass()" class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors">保存</button>
                </div>
            </form>
        </div>
    </div>

    <!-- 加入班级模态框 -->
    <div id="joinClassModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeJoinClassModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 scale-95 opacity-0">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold text-dark">加入班级</h2>
                <button class="close" onclick="closeJoinClassModal()">&times;</button>
            </div>
            <form>
                <div class="mb-4">
                    <label for="joinClassCode" class="block text-sm font-medium text-gray-dark mb-1">班级编号：</label>
                    <input type="text" id="joinClassCode" placeholder="请输入班级编号" class="form-input">
                </div>
                <div class="flex justify-end space-x-3 mt-6">
                    <button type="button" onclick="closeJoinClassModal()" class="px-4 py-2 border border-gray-medium rounded-md text-gray-dark hover:bg-gray-light transition-colors">取消</button>
                    <button type="button" onclick="confirmJoinClass()" class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors">确定</button>
                </div>
            </form>
        </div>
    </div>

    <!-- 资源所有版本模态框 -->
    <div id="allVersionsModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeAllVersionsModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 scale-95 opacity-0">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold text-dark">资源所有版本</h2>
                <button class="close" onclick="closeAllVersionsModal()">&times;</button>
            </div>
            <div id="versionList" class="space-y-3 max-h-[400px] overflow-y-auto"></div>
        </div>
    </div>

    <!-- 新增显示代码行数模态框 -->
    <div id="codeLinesModal" class="modal fixed inset-0 z-50 flex items-center justify-center hidden">
        <div class="modal-overlay absolute inset-0 bg-black/50" onclick="closeCodeLinesModal()"></div>
        <div class="modal-content relative bg-white rounded-lg shadow-lg max-w-2xl w-full mx-auto p-6 transform transition-all duration-300 scale-95 opacity-0">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-xl font-semibold text-dark">代码行数统计</h2>
                <button class="close" onclick="closeCodeLinesModal()">&times;</button>
            </div>
            <p id="codeLinesCount"></p>
            <div class="flex justify-end mt-6">
                <button onclick="closeCodeLinesModal()" class="px-4 py-2 bg-gray-light text-gray-dark rounded-md hover:bg-gray-200 transition-colors">关闭</button>
            </div>
        </div>
    </div>

    <script>
        // 设置当前日期
        document.addEventListener('DOMContentLoaded', function() {
            const now = new Date();
            const year = now.getFullYear();
            const month = now.getMonth() + 1;
            const day = now.getDate();
            document.getElementById('current-date').textContent = `${year}年${month}月${day}日`;
            
            // 初始化模态框动画
            const modals = document.querySelectorAll('.modal');
            modals.forEach(modal => {
                modal.addEventListener('show.bs.modal', function () {
                    setTimeout(() => {
                        this.classList.add('active');
                    }, 10);
                });
                modal.addEventListener('hidden.bs.modal', function () {
                    this.classList.remove('active');
                });
            });
        });

        // 模态框控制函数（保持原有功能不变）

        function closeModal(modalId) {
            const modal = document.getElementById(modalId);
            modal.querySelector('.modal-content').classList.remove('scale-100', 'opacity-100');
            setTimeout(() => {
                modal.classList.add('hidden');
            }, 300);
        }

        // 各模态框控制函数
        /*function createCourse() { openModal('createCourseModal'); }
        function closeCreateCourseModal() { closeModal('createCourseModal'); }
        function viewCourses() { openModal('viewCoursesModal'); }
        function closeViewCoursesModal() { closeModal('viewCoursesModal'); }
        function viewChapters() { openModal('viewChaptersModal'); }
        function closeViewChaptersModal() { closeModal('viewChaptersModal'); }
        function addChapter() { openModal('addChapterModal'); }
        function closeAddChapterModal() { closeModal('addChapterModal'); }
        function deleteChapter() { openModal('deleteChapterModal'); }
        function closeDeleteChapterModal() { closeModal('deleteChapterModal'); }
        function uploadResource() { openModal('uploadResourceModal'); }
        function closeUploadResourceModal() { closeModal('uploadResourceModal'); }
        function viewResources() { openModal('viewResourcesModal'); }
        function closeViewResourcesModal() { closeModal('viewResourcesModal'); }
        function previewCourse() { openModal('coursePreviewModal'); }
        function closeCoursePreviewModal() { closeModal('coursePreviewModal'); }
        function createClass() { openModal('createClassModal'); }
        function closeCreateClassModal() { closeModal('createClassModal'); }
        function joinClass() { openModal('joinClassModal'); }
        function closeJoinClassModal() { closeModal('joinClassModal'); }
        function viewAllVersions() { openModal('allVersionsModal'); }
        function closeAllVersionsModal() { closeModal('allVersionsModal'); }
        function openCodeLinesModal() { openModal('codeLinesModal'); }
        function closeCodeLinesModal() { closeModal('codeLinesModal'); }*/

        // 其他按钮功能函数
        /*function editProfile() {
            // 这里可以添加编辑个人资料的具体逻辑
            alert('编辑个人资料功能');
        }

        function logout() {
            // 这里可以添加退出登录的具体逻辑
            alert('退出登录功能');
        }

        function viewMyCourses() {
            // 这里可以添加查看我创建的课程的具体逻辑
            alert('查看我创建的课程功能');
        }

        function viewCourseSchedule() {
            // 这里可以添加查看课表的具体逻辑
            alert('查看课表功能');
        }

        function manageClasses() {
            // 这里可以添加班级管理的具体逻辑
            alert('班级管理功能');
        }

        function enterOnlinePractice() {
            // 这里可以添加在线练习的具体逻辑
            alert('在线练习功能');
        }

        function entertoDoPractice() {
            // 这里可以添加做练习的具体逻辑
            alert('做练习功能');
        }

        function openLearnTrack() {
            // 这里可以添加查看学习轨迹的具体逻辑
            alert('查看学习轨迹功能');
        }

        function saveCourse() {
            // 这里可以添加保存课程的具体逻辑
            alert('保存课程功能');
            closeCreateCourseModal();
        }

        function addNewChapter() {
            // 这里可以添加新增章节的具体逻辑
            alert('新增章节功能');
            closeAddChapterModal();
        }

        function confirmJoinClass() {
            // 这里可以添加确认加入班级的具体逻辑
            alert('确认加入班级功能');
            closeJoinClassModal();
        }

        function saveClass() {
            // 这里可以添加保存班级的具体逻辑
            alert('保存班级功能');
            closeCreateClassModal();
        }*/
    </script>
    <script type="module" src="js/success.js"></script>
</body>

</html>